<!DOCTYPE html>
<html>
	<head>	
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>个人中心—我的优惠券</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<script src="js/jquery-3.2.1.min.js"></script>
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script src="dist/js/jquery-weui.min.js"></script>
	<link rel="stylesheet" href="js/layui/css/modules/layer/default/layer.css" />
	<script type="text/javascript" src="js/layui/lay/modules/layer.js"></script>
	<style>
		.popup_coupon_box .coupon_wrap{ position: inherit;bottom: inherit;height: inherit;}
		.popup_coupon_box .coupon_list{padding: 10px 10px 0px;}
		.Voucher2 h1,
		.Voucher2 h4,
		.Voucher2 p,
		.Voucher2 .explain{color: #c6c6c6 !important;}
		.coupon-r i{ font-size:60px;}
		.goods_list {word-break: break-all;font-size: 0.55rem;}
		.goods_content{
			    padding: 10px 10px;
			    color: #333333;
			    border-bottom: solid 1px #ECECEC;
			    background: url(jiantou2.png) no-repeat;
                background-position: 50% 95%;
                }
		.currentDt{background-image: url(jiantou1.png);}
		.content{
			padding:10px 10px;
			display: none;
			border-bottom: solid 1px #ECECEC;
		}
		.content_list{padding-bottom: 10px;}
		.content_list-2{padding-bottom: 20px;}
		.count{font-size: 0.5rem;}
	</style>
	<body class="bg">
		<!--header-->
		<header class="wy-header">
			<div class="wy-header-icon-back">
				<a href=""><i class="iconfont icon-left6"></i></a>
			</div>
			<div class="wy-header-title">我的优惠券</div>
		</header>
		
			<div id="vouchers">
			<div class="vouchers-tab">
				<div class="weui-row weui-no-gutter">
					<div class="weui-col-50 v-btn1 vtab on">
						<p>可用</p>
					</div>
					<div class="weui-col-50 v-btn2 vtab">
						<p>过期/用完</p>
					</div>
				</div>
			</div>
			
			<!--优惠券选择弹出框-->
			<div class="popup_coupon_box">	
			<!-- 外层遮罩 -->
			<div class="coupon_wrap">
				<div class="coupon_list">
					<div class="coupons-item Voucher1">
			
			
						 <div class="goods_list">
    	<div class="goods_content ">
		 		<div class="weui-row ">
			   	<div class="weui-col-50 content_list">商品名称:秋季牛仔裤</div>
			   	<div class="weui-col-50 content_list">订单总数:<span>5</span> <span>(</span> <span class="count">已发:</span><span class="count">5</span>&nbsp;&nbsp;&nbsp;<span class="count">未发:</span><span class="count">5</span><span>)</span></div>
			   	<div class="weui-col-50 content_list-2">下单时间:2013.13.45</div>
			   	<div class="weui-col-50 content_list-2">订单编号:1234567897899</div>				
		   </div> 		   
       </div>
    <div class=" content">
      <div class="weui-row ">     	
      	<div class="weui-col-20  content_list">发货时间</div>
      	<div class="weui-col-20  content_list">物流单号</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      	<div class="weui-col-20  content_list">状态</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      </div>
      <div class="weui-row">     	
      	<div class="weui-col-20  content_list">2019.03.26</div>
      	<div class="weui-col-20  content_list">123456789789456</div>
      	<div class="weui-col-20  content_list">韵达</div>
      	<div class="weui-col-20  content_list">已寄出</div>
      	<div class="weui-col-20  content_list">韵达</div>
      </div>     
   </div>  
   
      	<div class="goods_content ">
		 		<div class="weui-row ">
			   	<div class="weui-col-50 content_list">商品名称:秋季牛仔裤</div>
			   	<div class="weui-col-50 content_list">订单总数:<span>5</span> <span>(</span> <span class="count">已发:</span><span class="count">5</span>&nbsp;&nbsp;&nbsp;<span class="count">未发:</span><span class="count">5</span><span>)</span></div>
			   	<div class="weui-col-50 content_list-2">下单时间:2013.13.45</div>
			   	<div class="weui-col-50 content_list-2">订单编号:1234567897899</div>				
		   </div> 		   
       </div>
  <div class=" content">
      <div class="weui-row ">     	
      	<div class="weui-col-20  content_list">发货时间</div>
      	<div class="weui-col-20  content_list">物流单号</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      	<div class="weui-col-20  content_list">状态</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      </div>
	<div class="weui-row">     	
	      	<div class="weui-col-20  content_list">2019.03.26</div>
	      	<div class="weui-col-20  content_list">123456789789456</div>
	      	<div class="weui-col-20  content_list">韵达</div>
	      	<div class="weui-col-20  content_list">已寄出</div>
	      	<div class="weui-col-20  content_list">韵达</div>
	      </div>     
   </div> 
   
   	<div class="goods_content ">
		 		<div class="weui-row ">
			   	<div class="weui-col-50 content_list">商品名称:秋季牛仔裤</div>
			   	<div class="weui-col-50 content_list">订单总数:<span>5</span> <span>(</span> <span class="count">已发:</span><span class="count">5</span>&nbsp;&nbsp;&nbsp;<span class="count">未发:</span><span class="count">5</span><span>)</span></div>
			   	<div class="weui-col-50 content_list-2">下单时间:2013.13.45</div>
			   	<div class="weui-col-50 content_list-2">订单编号:1234567897899</div>				
		   </div> 		   
       </div>
   		

  
    <div class=" content">
      <div class="weui-row ">     	
      	<div class="weui-col-20  content_list">发货时间</div>
      	<div class="weui-col-20  content_list">物流单号</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      	<div class="weui-col-20  content_list">状态</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      </div>
      
      
      <div class="weui-row">     	
      	<div class="weui-col-20  content_list">2019.03.26</div>
      	<div class="weui-col-20  content_list">123456789789456</div>
      	<div class="weui-col-20  content_list">韵达</div>
      	<div class="weui-col-20  content_list">已寄出</div>
      	<div class="weui-col-20  content_list">韵达</div>
      </div>     
   </div> 

</div>
  
						
						
						
					</div>
					
					<div class="coupons-item Voucher2" style="display: none;">
						
						 <div class="goods_list">
    	<div class="goods_content ">
		 		<div class="weui-row ">
			   	<div class="weui-col-50 content_list">商品名称:秋季牛仔裤</div>
			   	<div class="weui-col-50 content_list">订单总数:<span>5</span> <span>(</span> <span class="count">已发:</span><span class="count">5</span>&nbsp;&nbsp;&nbsp;<span class="count">未发:</span><span class="count">5</span><span>)</span></div>
			   	<div class="weui-col-50 content_list-2">下单时间:2013.13.45</div>
			   	<div class="weui-col-50 content_list-2">订单编号:1234567897899</div>				
		   </div> 		   
       </div>
    <div class=" content">
      <div class="weui-row ">     	
      	<div class="weui-col-20  content_list">发货时间</div>
      	<div class="weui-col-20  content_list">物流单号</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      	<div class="weui-col-20  content_list">状态</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      </div>
      <div class="weui-row">     	
      	<div class="weui-col-20  content_list">2019.03.26</div>
      	<div class="weui-col-20  content_list">123456789789456</div>
      	<div class="weui-col-20  content_list">韵达</div>
      	<div class="weui-col-20  content_list">已寄出</div>
      	<div class="weui-col-20  content_list">韵达</div>
      </div>     
   </div>  
   
      	<div class="goods_content ">
		 		<div class="weui-row ">
			   	<div class="weui-col-50 content_list">商品名称:秋季牛仔裤</div>
			   	<div class="weui-col-50 content_list">订单总数:<span>5</span> <span>(</span> <span class="count">已发:</span><span class="count">5</span>&nbsp;&nbsp;&nbsp;<span class="count">未发:</span><span class="count">5</span><span>)</span></div>
			   	<div class="weui-col-50 content_list-2">下单时间:2013.13.45</div>
			   	<div class="weui-col-50 content_list-2">订单编号:1234567897899</div>				
		   </div> 		   
       </div>
  <div class=" content">
      <div class="weui-row ">     	
      	<div class="weui-col-20  content_list">发货时间</div>
      	<div class="weui-col-20  content_list">物流单号</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      	<div class="weui-col-20  content_list">状态</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      </div>
	<div class="weui-row">     	
	      	<div class="weui-col-20  content_list">2019.03.26</div>
	      	<div class="weui-col-20  content_list">123456789789456</div>
	      	<div class="weui-col-20  content_list">韵达</div>
	      	<div class="weui-col-20  content_list">已寄出</div>
	      	<div class="weui-col-20  content_list">韵达</div>
	      </div>     
   </div> 
   
   	<div class="goods_content ">
		 		<div class="weui-row ">
			   	<div class="weui-col-50 content_list">商品名称:秋季牛仔裤</div>
			   	<div class="weui-col-50 content_list">订单总数:<span>5</span> <span>(</span> <span class="count">已发:</span><span class="count">5</span>&nbsp;&nbsp;&nbsp;<span class="count">未发:</span><span class="count">5</span><span>)</span></div>
			   	<div class="weui-col-50 content_list-2">下单时间:2013.13.45</div>
			   	<div class="weui-col-50 content_list-2">订单编号:1234567897899</div>				
		   </div> 		   
       </div>
   		

  
    <div class=" content">
      <div class="weui-row ">     	
      	<div class="weui-col-20  content_list">发货时间</div>
      	<div class="weui-col-20  content_list">物流单号</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      	<div class="weui-col-20  content_list">状态</div>
      	<div class="weui-col-20  content_list">物流公司</div>
      </div>
      
      
      <div class="weui-row">     	
      	<div class="weui-col-20  content_list">2019.03.26</div>
      	<div class="weui-col-20  content_list">123456789789456</div>
      	<div class="weui-col-20  content_list">韵达</div>
      	<div class="weui-col-20  content_list">已寄出</div>
      	<div class="weui-col-20  content_list">shunfeng</div>
      </div>     
   </div> 

</div>
  
						
					</div>
				</div>
				
			</div>
		</div>
	</body>
	<script>
			/*优惠券选择*/
			$(function() {
				var tj = 0;//获取后台带过来的标识值
				if(tj==0)
					 {
					 $(".v-btn1").addClass("on");
					 $(".v-btn2").removeClass("on");
					
					 }
					  else{
					   $(".v-btn1").removeClass("on");
					   $(".v-btn2").addClass("on");
					  }
				
				$(".vtab").click(function() {
					if($(this).hasClass('v-btn2')) {
						$(this).addClass('on'); //添加当前元素的样式 */
						$(this).siblings('.vtab').removeClass('on'); // 删除其他兄弟元素的样式
					/*	window.location.href="vouchers/findvoustatus.action?userid="+${sessionScope.user.userId}+"&status=1"*/
						$(".Voucher1").hide();
						$(".Voucher2").show();
						$(".Voucher2 .coupons-box ").css("background:url(images/yhqbg-rep2.png) no-repeat", "background-size:100% 100%");
		
					} else {
						$(".stamp").css("background-color", "#fcc747");
						$(this).addClass('on'); //添加当前元素的样式 */
						$(this).siblings('.vtab').removeClass('on'); // 删除其他兄弟元素的样式
					/*	window.location.href="vouchers/findvoustatus.action?userid="+${sessionScope.user.userId}+"&status=0"*/
						$(".Voucher1").show();
						$(".Voucher2").hide();
						$(".Voucher1 .coupons-box ").css("background:url(images/yhqbg-rep1.png) no-repeat", "background-size:100% 100%");
					}
		
				});
		
			});
		</script>
		<script type="text/javascript">
$(function(){
	$(".goods_content").click(function(){		
		$(this).toggleClass("currentDt").siblings(".goods_content").removeClass("currentDt");
		$(this).next(".content").slideToggle(300).siblings(".content").slideUp(500);
	})	
})
</script>
</html>